<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/views/common/taglibs.jsp"%>
<%@taglib prefix="mac" tagdir="/WEB-INF/tags" %>

<mac:layoutPopup>
    <jsp:attribute name="scripts" >
        <script type="text/javascript">
   
           function serializarForm(){
               //esta funcion serializa los inputs, se personaliza de esta forma para 
               //poder manejar la serializacion de algunos atributos particulares
               var object=$("#variableDTO").serializeObject();
               
               return object;
           }
           
           function validarForm(){
               if ($("#nombre").val().trim()==""){
                   mensajeValidacion("Debe ingresar un nombre de la variable","#nombre");
                   return false;
               
           }
           return true;
           }
           
            $(document).ready(function() {
               
               
                             
                $('#btnAceptar').click(function() {
                    if(validarForm()){
                       var variable = serializarForm();
                       var tipoDato={};
                       tipoDato.nombretipodato=$("#idtipodato option:selected").text();
                       tipoDato.idtipodato=$("#idtipodato").val();
                       variable.tipoDatoDTO=tipoDato;
                       //console.log(variable);
                       delete variable['tipoDatoDTO.idtipodato'];
                       parent.setVariable(variable);
                       parent.usuariosDialog.cancel();
                    }
                });
                
                $('#btnCancelar').click(function() {
                   parent.usuariosDialog.cancel();
                });
                
                $("#variableDTO").submit(function(){return false});
                
                $("#idtipodato").val(1);//entero
                
            });
            
            
        </script>
    </jsp:attribute>
    <jsp:body>
        <spring:message code="comun.todos" var="todosLabel" />
        <div class="group-panel">
            <form:form modelAttribute="variableDTO" method="post" action="accion">
                <fieldset>
                   <div class="hd">Tipo de dato</div>
                    <div class="bd">
                       
                        <table class="filtrosTable" >
                           <tr>
                                <th class="filtrosLabelWidth">
                                    Tipo de Dato
                                </th>
                                <td colspan="3">
                                    
                                    <form:select id="idtipodato" path="tipoDatoDTO.idtipodato" items="${lstTipoDatoDTO}" itemLabel="nombretipodato" itemValue = "idtipodato"/>
                                </td>
                            </tr>
                            <tr>
                                <th class="filtrosLabelWidth">
                                    Nombre
                                </th>
                                <td colspan="3">
                                     <form:hidden path="idvariable"/>
                                    <form:input  path="nombre"  maxlength="70" cols="3" cssClass="longInputWidth width100"/>
                                </td>
                            </tr>
                        </table> 
                        <div class="filtrosButtons floatRight">
                            <button type="button" id="btnCancelar">
                                <spring:message code="comun.cancelar" />
                            </button>
                            <button type="button" id="btnAceptar" class="rojo">
                                <spring:message code="comun.aceptar" />
                            </button>
                        </div>
                    </div>      
                </fieldset>
            </form:form>
        </div>

    </jsp:body>
</mac:layoutPopup>